<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>
<%
	request.setAttribute("title", "资讯●培训");
%>
<%@ include file="/WEB-INF/views/shared/master/weContentHeader.jsp"%>
<style type="text/css">
	
	.weui-navbar{
		z-index: 0;
	}

	.tab li{
		min-width:120px;
		width:50%;
	}
	a{
		color:#000;
	}
	.claim-green-pipe .weui-grid{
		width:50%;
		padding: 5px 0px;
	}
	
	.thenews{
		padding:0px 20px;
		margin-top:15px;
		border-bottom: 4px solid #eee; 
		
	}
	
	.thenews>a>p{
		margin: 17px 0px;
		font-size:15px;		
	}
	
	.todaynews{
	font-size:15px;
		padding:0px 1rem;
		margin-top:15px;
		border-bottom: 4px solid #eee; 
		height: 100px;
	}
	
	.todaynews>div{
		padding:6px
	}
	.todaynews>div>img{
		height: 70px;
	}
	.like{
		float: right;
		font-size: 0.7rem;
	}
	.type{
		color:#afafaf;
		margin-top: 15px;
	}

	#train{
		width:100%;
		height:55px;
		background-color: #ebebeb;
	}
	

	.videodescription{
		padding:0px 20px;
		border-bottom: 4px solid #eee; 
		color: #afafaf;
	}
	
	.videodescription>div{
		padding:6px
	}
	.videodescription>div>p{
		margin-top: 5px;
	}
	.videodescription>div>img{
	margin-top:10px;
		height: 80px;
	}
	.videotitle{
		color: black;
	}
	.videofee{
		color: #ea693f;
	}



	
    .grid-button {
		width: 24.9%;
	}
	.color-blue {
		color: #2196F3;
	}
	.weui-btn {
		font-size: 0.7rem;
		padding: 0;
		overflow: visible;
	}
	.weui-btn: after {
		border: 0;
	}
	.weui-btn_default {
		background-color: #fff;
	}
	.weui-btn_primary {
		background-color: #017cde;
	}
	.weui-btn_primary:not(.weui-btn_disabled):active {
	  	color: rgba(255, 255, 255, 0.6);
	  	background-color: #017cde;
	}
	.weui-grid {
		padding: 10px 5px;
	}
	.weui-grid:before {
		border: 0;
	}
	.weui-grid:after {
		border: 0;
	}
	.weui-grids {
		background-color: #fbfbfb;
	}
	.weui-grids:before {
		border: 0;
	} 
	
	.msg{
		text-align: center;
		margin: 20px 0px;
		color:#afafaf;
	}

	.titlehidden{
		overflow:hidden;
		text-overflow:ellipsis;	
		display:-webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		line-height: 1.1rem;			
	}
	
	
	
	.cashbox{
		width:100%;
		background-color:#6eB9fa;
		position:relative;
	}
	.cashbottom{
		position:absolute;
	    bottom:0px;
	    width:100%;
	    padding:10px 0px;
	    background-color:black;
	    background:rgba(0,0,0,0.4) none repeat scroll !important;
	}
	
	.Smallimg{
		width: 5.5rem;
	}
	
</style>
<%@ include file="/WEB-INF/views/shared/master/weTitle.jsp"%>
<input type="hidden" class="forTab" value="${forTab}"/>
<div>
	<div class="tab-container" data-id="claim-container" id="claim-tab">
		<ul class="tab tab-horizontal" style="">
			<li data-id="tab1" class="tab1 active">
				<span>资讯</span>
			</li>
			<li data-id="tab2" class="tab2">
				<span>培训</span>
			</li>
		</ul>
	</div>
</div>

<div id="claim-container">

	<div class="tab-content active" id="tab1">	
<!-- 保险头条 -->	
		<div>
			<div style="text-align: center;">
				<span style="width:8rem;display: inline-block;font-size: 1.0rem;font-weight: 800;border-bottom: 0.08rem solid #ea693f;color:#ea693f;letter-spacing: 0.2rem;padding-top: 0.3rem;">头条资讯</span>
			</div>	
			<div class="tittleInfo msg" >
				<img class=""  src="<c:url value='/images/we/cloudSharing/null.png'/>" />
				<p class="p_tittleInfo" >${tittleInfo}</p>
			</div>	
			 
			<c:forEach items="${tittleShareInfos}" var="tittleShareInfo">
				<a href="<c:url value='/wechat/share/informationDetails?key=${tittleShareInfo.id}&fromWhere=cloudSharing' />">
					<div class="weui-flex thenews">
						<div class="cashbox">
							<div>
								<c:if test="${tittleShareInfo.infoBigpictureId!=null && tittleShareInfo.infoBigpictureId!=''}">
									<img class="Smallimg" src="${tfn:getFileUrl(tittleShareInfo.infoBigpictureId)}" style="display: block;width:100%;height: 9rem"/> 
								</c:if>
								<c:if test="${tittleShareInfo.infoBigpictureId ==null || tittleShareInfo.infoBigpictureId==''}">
									<img class="Smallimg" style="width:100%;display: block;height: 9rem" src="<c:url value='/images/we/index/WechatIMG3.jpeg' />" />
								</c:if>
							</div>
							<div class="cashbottom">
				 				<p class="titlehidden" style="color: white;margin:0rem 0.5rem; font-size: 0.9rem">${tittleShareInfo.infoTitle}</p>
				    		</div>
						</div>
					</div>
				</a>
			</c:forEach>
						
			<div>				
				<a class="weui-cell weui-cell_access" href="<c:url value='/wechat/share/moreInformation?opr=headline' />">
				    <div class="weui-cell__bd"><p>更多</p></div>
				    <div class="weui-cell__ft"></div>
				</a>
			</div>												
		</div>
 
		<div style="width:100%;height:10px;background-color: #ebebeb;"></div>
<!-- 今日推荐-->	
		<div style="margin-top: 15px;">
			<div style="text-align: center;">
				<span style="width:8rem;display: inline-block;font-size: 1.0rem;font-weight: 800;border-bottom: 0.08rem solid #ea693f;color:#ea693f;letter-spacing: 0.2rem;padding-top: 0.3rem;">热点资讯</span>
			</div>
			<div class="todayInfo msg" >
				<img class=""  src="<c:url value='/images/we/cloudSharing/null.png'/>" />
				<p class="p_todayInfo">${todayInfo}</p>
			</div>
			<div>
				<c:forEach items="${todayShareInfos}" var="todayShareInfo">			
					<a href="<c:url value='/wechat/share/informationDetails?key=${todayShareInfo.id}&fromWhere=cloudSharing' />">
						<div class="weui-flex todaynews">
						    <div class="weui-flex__item " style="flex-grow:1;justify-content: center;align-items:center; " id="test">
						    	<c:if test="${todayShareInfo.infoThumbnailId!=null && todayShareInfo.infoThumbnailId!=''}">
								 	<img class="Smallimg" src="${tfn:getFileUrl(todayShareInfo.infoThumbnailId)}" style="height: 70px;width:100%"/> 
						    	</c:if>
						    	<c:if test="${todayShareInfo.infoThumbnailId ==null || todayShareInfo.infoThumbnailId==''}">
						    		<img class="Smallimg" style="width:100%;display: block;" src="<c:url value='/images/we/index/WechatIMG8.jpeg' />" />
						    	</c:if>
						    </div>
						
						    <div class="weui-flex__item" style="flex-grow:3">
						        <p class="titlehidden">${todayShareInfo.infoTitle}</p>
						        <div class="type"><%-- 作者：${todayShareInfo.infoAuthor} --%>
									<span style="float: right;">
										<span class="like" style="font-size: 0.7rem">&nbsp;&nbsp;&nbsp;${todayShareInfo.viewTimes.viewtimes}</span>
										<img class="like" style="width:16px;display: block;padding-top:0.2rem " src="<c:url value='/images/we/cloudSharing/eye.png'/>" />								
									</span>							
								</div>
						    </div>
						</div>
					</a>
				</c:forEach>
				<div>
				  <a class="weui-cell weui-cell_access" href="<c:url value='/wechat/share/moreInformation?opr=recommend' />">
				    <div class="weui-cell__bd">
				      <p>更多</p>
				    </div>
				    <div class="weui-cell__ft">
				    </div>
				  </a>
				</div>							
			</div>
		</div>		
		<div style="width:100%;height:10px;background-color: #ebebeb;"></div>			
	</div>
<!-- ============================培训============================================= -->
	<div class="tab-content" id="tab2">
		<div class="weui-tab">
			<div class="weui-navbar">
				<a class="tab3 weui-navbar__item weui-bar__item--on" href="#tab3"> 视频</a> 
				<a class="tab4 weui-navbar__item" href="#tab4"> 教程 </a>
			</div>
			<div class="weui-tab__bd">			
<!----------------------------------- 视频---------------------------------------------------->
				<div id="tab3" class="weui-tab__bd-item weui-tab__bd-item--active">
<!-- 热门视频 -->						
					<div>
						<div style="text-align: center;">
							<span style="width:8rem;display: inline-block;font-size: 1.0rem;font-weight: 800;border-bottom: 0.08rem solid #ea693f;color:#ea693f;letter-spacing: 0.2rem;padding-top: 0.3rem;">热门视频</span>
						</div>
						<div class="yesmsg msg">
							<img class=""  src="<c:url value='/images/we/cloudSharing/null.png'/>" />
							<p class="p_yesmsg">${yesmsg}</p>
						</div>
						<div>									
							<c:forEach items="${yesvideos}" var="yesvideo">
								<a href="<c:url value='/wechat/share/videoDetail?key=${yesvideo.id}&fromWhere=cloudSharing&forTab=3'/>">
									<div class="weui-flex videodescription">
										<div class="weui-flex__item " style="flex-grow:1;justify-content: center;align-items:center; " id="test">
											<c:if test="${yesvideo.courceThumbnailId!=null && yesvideo.courceThumbnailId!=''}">
												<img class="Smallimg" src="${tfn:getFileUrl(yesvideo.courceThumbnailId)}" style="display: block;"/> 
											</c:if>
											<c:if test="${yesvideo.courceThumbnailId ==null || yesvideo.courceThumbnailId==''}">
												<img class="Smallimg" style="display: block;" src="<c:url value='/images/we/index/WechatIMG8.jpeg' />" />  
											</c:if>
										</div>										
										<div class="weui-flex__item" style="flex-grow:2">
											 <p class="videotitle titlehidden">${yesvideo.courseTitle}</p>
											 <p>导师：${yesvideo.courseTeacher}</p>
											 <p>
											 	<span class="videofee">
											 		<%-- ${yesvideo.courceSellingprice}&nbsp;&nbsp;
											 		<t:provider packageName="share" enumClassName="TrainCurrencyState" value="${yesvideo.courceSellingCurrency}"/> --%>
											 		免费
											 	</span>
												<span style="float: right;">
													<span class="like" style="font-size: 0.7rem">&nbsp;&nbsp;&nbsp;${yesvideo.viewTimes.viewtimes}</span>
													<img class="like" style="width:16px;display: block;padding-top:0.2rem " src="<c:url value='/images/we/cloudSharing/eye.png'/>" />								
												</span>							
											 </p>
										</div>
									</div>
								</a>
							</c:forEach>
							<div>
				  				<a class="weui-cell weui-cell_access" href="<c:url value='/wechat/share/morevideo?opr=hotVideo' />">
				    				<div class="weui-cell__bd">
				      					<p>更多</p>
				    				</div>
				    				<div class="weui-cell__ft">
				    				</div>
				  				</a>
							</div>						
						</div>
						<div style="width:100%;height:10px;background-color: #ebebeb;"></div>
					</div>
				</div>
<!-- ------------------------------------------预告 ------------------------------------>				
				<div id="tab4" class="weui-tab__bd-item">
<!-- 热门教程 -->					
					<div>
						<div style="text-align: center;">
							<span style="width:8rem;display: inline-block;font-size: 1.0rem;font-weight: 800;border-bottom: 0.08rem solid #ea693f;color:#ea693f;letter-spacing: 0.2rem;padding-top: 0.3rem;">热门教程</span>
						</div>
						<div class="yescoursemsg msg" >
							<img class=""  src="<c:url value='/images/we/cloudSharing/null.png'/>" />
							<p class="p_yescoursemsg">${yescoursemsg}</p>
						</div>
						<div>									
							<c:forEach items="${yescourses}" var="yescourse">
								<a href="<c:url value='/wechat/share/videoDetail?key=${yescourse.id}&fromWhere=cloudSharing&forTab=4' />">
									<div class="weui-flex videodescription">
										<div class="weui-flex__item " style="flex-grow:1;justify-content: center;align-items:center; " id="test">
											<c:if test="${yescourse.courceThumbnailId!=null && yescourse.courceThumbnailId!=''}">
												<img class="Smallimg" src="${tfn:getFileUrl(yescourse.courceThumbnailId)}" style="display: block;"/> 
											</c:if>
											<c:if test="${yescourse.courceThumbnailId ==null || yescourse.courceThumbnailId==''}">
												<img class="Smallimg" style="display: block;" src="<c:url value='/images/we/index/WechatIMG8.jpeg' />" />  
											</c:if>
										</div>										
										<div class="weui-flex__item" style="flex-grow:2">
											 <p class="videotitle">${yescourse.courseTitle} </p>
											 <p>导师：${yescourse.courseTeacher}</p>
											 <p>
											 	<span class="videofee">
												 	<%-- ${yescourse.courceSellingprice}&nbsp;&nbsp;
												 	<t:provider packageName="share" enumClassName="TrainCurrencyState" value="${yescourse.courceSellingCurrency}"/> --%>
											 		免费
											 	</span>
												<span style="float: right;">
													<span class="like" style="font-size: 0.7rem">&nbsp;&nbsp;&nbsp;${yescourse.viewTimes.viewtimes}</span>
													<img class="like" style="width:16px;display: block;padding-top:0.2rem " src="<c:url value='/images/we/cloudSharing/eye.png'/>" />								
												</span>							
											 </p>
										</div>
									</div>
								</a>
							</c:forEach>
							<div>
				  				<a class="weui-cell weui-cell_access" href="<c:url value='/wechat/share/morevideo?opr=hotCourse' />">
				    				<div class="weui-cell__bd">
				      					<p>更多</p>
				    				</div>
				    				<div class="weui-cell__ft">
				    				</div>
				  				</a>
							</div>						
						</div>
						<div style="width:100%;height:10px;background-color: #ebebeb;"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>




<%@ include file="/WEB-INF/views/shared/scripts/jquery.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/jqweui.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/tabmob.jsp"%>

<script type="text/javascript">
$(function(){	
	
	if($(".p_yesmsg").html()==""){		
		$(".yesmsg").hide();
	}else{		
		$(".yesmsg").show();
	}
	
	if($(".p_nomsg").html()==""){
		$(".nomsg").hide();
	}else{
		$(".nomsg").show();
	}
	
	if($(".p_nocoursemsg").html()==""){
		$(".nocoursemsg").hide();
	}else{
		$(".nocoursemsg").show();
	}
	
	if($(".p_yescoursemsg").html()==""){
		$(".yescoursemsg").hide();
	}else{
		$(".yescoursemsg").show();
	}
		
	if($(".p_tittleInfo").html()==""){
		$(".tittleInfo").hide();
	}else{
		$(".tittleInfo").show();
	}
	
	if($(".p_todayInfo").html()==""){
		$(".todayInfo").hide();
	}else{
		$(".todayInfo").show();
	}
});
$(function(){	
	var forTab = $(".forTab").val();
	if(forTab!=null&&forTab!=""){
		var tab = "tab"+forTab;
		$("#tab2").addClass("active");
		$("#tab2").siblings().removeClass("active");
		$(".tab2").addClass("active");
		$(".tab2").siblings().removeClass("active");
		
		$("#"+tab).addClass("weui-tab__bd-item--active");
		$("#"+tab).siblings().removeClass("weui-tab__bd-item--active");
		$("."+tab).addClass("weui-bar__item--on");
		$("."+tab).siblings().removeClass("weui-bar__item--on");
		$(".forTab").val("");
	}
});	
</script>


<%@ include file="/WEB-INF/views/shared/master/weContentFooter.jsp"%>
